<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        同一页面跳转 可以只写#+id的属性值
     -->
    <a href="#p1">第一章</a>
    <a href="#p2">第二章</a>
    <a href="#p3">第三章</a>
    <a href="#p4">第四章</a>
    <h3 id="p1">第一章</h3>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    <h3 id="p2">第二章</h3>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br> 
    <h3 id="p3">第三章</h3>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br> 
    <h3 id="p4">第四章</h3>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    内容 <br>
    <a href="#p1">回到顶部</a>
</body>
</html>